@charset "utf-8";
/* CSS Document */

.container {
	height:500px;
}

.left_side {
	float:left;
	height:400px;
	padding:10px;
	border:1px #999999 solid;
	margin-left:40px;
	margin-top: 20px;
	width:150px;
	background:#FFF;
	border-radius:5px;
}
.test_contain {
	float:left;
	height:400px;
	border:1px #999999 solid;
	padding:10px;
	margin-top:20px;
	margin-left: 5px;
	width:430px;
	background:#FFF;
	border-radius:5px;
	overflow: scroll;
}
.right_side {
	float:left;
	height:400px;
	border:1px #999999 solid;
	padding:10px;
	margin-top:20px;
	margin-left: 5px;
	width:150px;
	background:#FFF;
	border-radius:5px;
}

#test_info {
	display:block;
	padding:5px;
	margin:-5px;
	border:1px #999999 solid;
	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.question_list a{
	line-height:34px;
	padding:5px;
	width:34px;
	color:white;
	text-decoration:none;
	border:1px #000000 solid;
	border-radius: 3px;
	background:#F90;
	margin-left:3px;
}

.question_list a:visited {
	background:#999;
}

.question_list a:hover {
	background:#FF3;
}

.question_list a:active {
	background:#FF3;
}

.answer_text {
}

.timer {
	width:80%;
	margin :30px auto;
	padding-top:5px;
	padding-bottom:5px;
	font:"Courier New", Courier, monospace;
	font-size:24px;
	text-align:center;
	border:#F00 2px solid;
	border-radius:5px;
}

#clock {
	width:80%;
	margin :30px auto;
	padding-top:5px;
	padding-bottom:5px;
	font:"Courier New", Courier, monospace;
	font-size:24px;
	text-align:center;
	border:#F00 2px solid;
	border-radius:5px;
}